<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "订单详情");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">	
	.bluecolor{
		color: #2196F3;
	}
	.tab-horizontal li.active > span {
    border-bottom: 3px solid #ea693f !important;
    color: #ea693f !important;
	}
	 @media screen and (max-width:340px){
	 
	 	*{
	 		font-size:13px;
	 	}
	 }

</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-href="<c:url value='/wechat/order/order/myOrder'/>"></div>
<div style="text-align: center;">
	<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">基本信息</span>
</div>
<div class="weui-cells">
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>保险公司订单号</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">${order.insuOrderNo}</div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>本公司订单号</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">${order.orderNo}</div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>保险公司名称</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.preName}</div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>商品名称</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">${order.goodName}</div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>商品价格</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">${order.goodMoney}</div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>订单状态</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">
    	<c:if test="${order.state==0}">
			<span>已完成</span>
		</c:if>
		<c:if test="${order.state==1}">
			<span>待支付</span>
		</c:if>	
    </div>
  </div>
  <div class="weui-cell">
    <div class="weui-cell__bd">
      <p>创建时间</p>
    </div>
    <div class="weui-cell__ft label-color bluecolor">
    <fmt:formatDate value="${order.createTime}" pattern="yyyy/MM/dd HH:mm:ss"/>
    </div>
  </div>
</div>
<div style="width:100%;height:15px;background-color: #ebebeb;padding: 0px"></div>			
<!-- ===================================================================== -->
<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="width:1000px">
			<li data-id="tab1" class="active">
				<span>车辆信息</span>
			</li>
			<li data-id="tab2" class="">
				<span>车主信息</span>
			</li>
			<li data-id="tab3" class="">
				<span>保险配置</span>
			</li>
			<li data-id="tab4" class="">
				<span>配送信息</span>
			</li>
			<li data-id="tab5" class="">
				<span>投保人信息</span>
			</li>
			<li data-id="tab6" class="">
				<span>被保人信息</span>
			</li>
		</ul>
	</div>
</div>
<div id="claim-container">
	<div class="tab-content active" id="tab1">
		<div class="weui-cells">			
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车牌号码</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carLicenseNo}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车型名称</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.vehicleName}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车辆用途</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carPurpose}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车辆使用性质</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carProperty}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车辆所属性质</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carNature}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>发动机号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carId}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车架号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.carNumber}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>影像资料</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.imgData}</div>
		    </div>		    		  
		</div>
	</div>	
	<div class="tab-content" id="tab2">
		<div class="weui-cells">
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>车主姓名</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.name}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>手机号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.carDetail.phone}</div>
		    </div>			  
		</div>
	</div>
	<div class="tab-content" id="tab3">
		<div class="weui-tab">
			<div class="weui-navbar">
				<a class="weui-navbar__item weui-bar__item--on" href="#tab3_1">交强险</a> 
				<a class="weui-navbar__item" href="#tab3_2">车船税 </a>
				<a class="weui-navbar__item" href="#tab3_3">商业险 </a>
			</div>
			<div class="weui-tab__bd">			
				<div id="tab3_1" class="weui-tab__bd-item weui-tab__bd-item--active">
					<div class="weui-cells">
						<div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>起保日期</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">
					    	    <fmt:formatDate value="${order.insuranceMain.startDate}" pattern="yyyy/MM/dd"/>					    	   	
					    	</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>终保日期</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">
					    		 <fmt:formatDate value="${order.insuranceMain.endDate}" pattern="yyyy/MM/dd"/>					    	   	
					    	</div>
					    </div>			
						<div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>交强险保额</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.amount}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>交强险保费</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.premium}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>单号</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.policyNo}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>折扣率</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.discountRate}</div>
					    </div>		  
					</div>
				</div>
				<div id="tab3_2" class="weui-tab__bd-item">
					<div class="weui-cells">
						<div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>车险税金额</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.taxFee}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>车险税滞纳金</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceMain.lateFee}</div>
					    </div>											  
					</div>
				</div>
				<div id="tab3_3" class="weui-tab__bd-item">
					<div class="weui-cells">
						<div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>起保日期</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">
						    	<fmt:formatDate value="${order.insuranceBusiness.startDate}" pattern="yyyy/MM/dd"/>					    	   	
					    	</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>终保日期</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">
					    		<fmt:formatDate value="${order.insuranceBusiness.endDate}" pattern="yyyy/MM/dd"/>					    	   	
					    	</div>
					    </div>			
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>商业险折扣率</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.discountRate}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>商业险保单号</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.policyNo}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>险种代码</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.businessRiskKinds.riskCode}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>险种名称</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.businessRiskKinds.riskName}</div>
					    </div>	
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>险种保额</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.businessRiskKinds.amount}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>险种保费</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.businessRiskKinds.premium}</div>
					    </div>
					    <div class="weui-cell">
					    	<div class="weui-cell__bd">
					      		<p>是否不计免赔</p>
					    	</div>
					    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceBusiness.businessRiskKinds.ncfPremium}</div>		  
					   </div> 
				   </div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-content" id="tab4">
		<div class="weui-cells">
		     <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>快递单号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.expressNumber}</div>
		    </div>
		     <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>快递公司名称</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.expressCompanyName}</div>
		    </div>	   	
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>收件人姓名</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.name}</div>
		    </div>			
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>收件人电话</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.phone}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>邮政编码</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.zip}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>配送地址省编码</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.province}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>配送地址市编码</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.city}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>配送地址区编码</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.area}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>配送地址</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.address}</div>
		    </div>
		   
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>商业险电子保单地址</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.syElecPolicyFilePath}</div>
		    </div>	
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>交强险电子保单地址</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.orderDelivery.jpElecPolicyFilePath}</div>
		    </div>		  
		</div>
	</div>
	<div class="tab-content" id="tab5">
		<div class="weui-cells">
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>投保人姓名</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.applicantName}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>证件类型</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.applicantIdcardType}</div>
		    </div>			
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>证件号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.applicantIdcardNo}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>手机号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.applicantPhone}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>邮箱</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.applicantEmail}</div>
		    </div>		  
		</div>
	</div>
	<div class="tab-content" id="tab6">
		<div class="weui-cells">
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>被保人姓名</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.recognizeeName}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>证件类型</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.recognizeeIdcardType}</div>
		    </div>			
			<div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>证件号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.recognizeeIdcardNo}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>手机号</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.recognizeePhone}</div>
		    </div>
		    <div class="weui-cell">
		    	<div class="weui-cell__bd">
		      		<p>邮箱</p>
		    	</div>
		    	<div class="weui-cell__ft label-color bluecolor">${order.insuranceCar.recognizeeEmail}</div>
		    </div>		  
		</div>
	</div>
</div>


<div style="width:100%;height:15px;background-color: #ebebeb;padding: 0px"></div>			
		
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>" type="text/javascript"></script>	

<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>